<template>
	<view class="content">
		
		<view class="search">
			<u-search placeholder="职位搜索" :showAction='false'></u-search>
		</view>
		<view class="tittle">
			职位推荐
		</view>
		<view class="card">
			<view class="card-item">
				<view class="card-item-top">
					工厂鼠标包装24元一小时
				</view>
				<view class="between card-item-cen">
					<view class="card-item-cen-left">
						全国|夜班/白班|一周结算
					</view>
					<view class="card-item-cen-right">
						24.0元/小时
					</view>
				</view>
				<view class="between card-item-bot">
					<view class="card-item-bot-left align">
						<img src="/static/gongshi.png" alt="" srcset="">
						天津联络优选网络科技有限公司
					</view>
					<view class="card-item-bot-right">
						昨天
					</view>
				</view>
			</view>
			
			<view class="card-item">
				<view class="card-item-top">
					UU跑腿同城送货自由接单多劳多得
				</view>
				<view class="between card-item-cen">
					<view class="card-item-cen-left">
						在家可做|无限制|一单一结
					</view>
					<view class="card-item-cen-right">
						5.0元/单
					</view>
				</view>
				<view class="between card-item-bot">
					<view class="card-item-bot-left align">
						<img src="/static/gongshi.png" alt="" srcset="">
						常州艾特沃网络有限公司
					</view>
					<view class="card-item-bot-right">
						昨天
					</view>
				</view>
			</view>
			
			<view class="card-item">
				<view class="card-item-top">
					虎牙B站语音主播在家工作无需露脸
				</view>
				<view class="between card-item-cen">
					<view class="card-item-cen-left">
						在家可做|不限制一月结算
					</view>
					<view class="card-item-cen-right">
						3500.0元/月
					</view>
				</view>
				<view class="between card-item-bot">
					<view class="card-item-bot-left align">
						<img src="/static/gongshi.png" alt="" srcset="">
						苏州群雄网络科技有限公司
					</view>
					<view class="card-item-bot-right">
						昨天
					</view>
				</view>
			</view>
			
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list1: [
					'/static/zhaopin.jpg',
				]
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	.lun{
		width: 100%;
		padding-left: 20rpx;
		padding-right: 20rpx;
		box-sizing: border-box;
	}
	.card-item{
		margin-bottom: 20rpx;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
	.icon{
		margin-top: 10px;
	}
	.icon-item img{
		width: 65px;
		height: 65px;
	}
	.icon-item view{
		font-weight: bold;
		text-align: center;
	}
	.search{
		padding-left: 10rpx;
		padding-right: 10rpx;
		margin-top: 40rpx;
	}
	.tittle{
		padding-left: 20rpx;
		padding-right: 20rpx;
		margin-top: 20rpx;
		font-weight: bold;
	}
	.card{
		padding-left: 20rpx;
		padding-right: 20rpx;
		margin-top: 20rpx;
	}
	.card-item{
		padding: 30rpx;
		box-sizing: border-box;
		background-color: rgb(247, 248, 250);
	}
	.card-item-bot-left img{
		width: 50rpx;
		height: 50rpx;
	}
	.card-item-top{
		font-weight: bold;
		margin-bottom: 20rpx;
	}
	.card-item-cen{
		margin-bottom: 20rpx;
	}
	.card-item-bot{
		margin-bottom: 20rpx;
	}
	.card-item-cen-left{
		color: rgb(164 164, 164);
	}
	.card-item-cen-right{
		color: rgb(71 119, 201);
		font-size: 18px;
	}
	.card-item-bot-left{
		font-weight: bold;
	}
	.card-item-bot-right{
		color: rgb(106 108, 107);
	}
</style>
